{% extends 'detalles_region/base.html' %}

{% block title %}Portal de Aves Acuáticas{% endblock %}
  

{% block header %}{{DetalleRegion}}{% endblock %}

{% block navegacion %}
<li><a href="{% url regiones:detalle_listar DetalleRegion.especie.id %}">Listar Regiones de la Especie</a></li>
<li><a href="editar">Editar Región</a></li>
<li><a href="eliminar">Eliminar Región</a></li>

{% endblock navegacion %}

{%block titulo%}
<p>{{DetalleRegion.especie}} en {{DetalleRegion}}</p>
{%endblock titulo%}

{%block introduccion%}
	A continuación se listan todos los detalles de la Especie por Región.
{%endblock introduccion%}


{% block contenido %}

 {% load easy_maps_tags %}



<br />
<br />




<table class="table table-bordered table-striped">
					<colgroup>
						<col class="span1" />
						<col class="span2" />
				</colgroup> 
					<thead>
						<tr>
							<th>Campo</th>
							<th>Descripción</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>Mapa</td>
							<td>
								{% load easy_maps_tags cache %}
								{% cache 600 detalles_region DetalleRegion %}
								    {% easy_map DetalleRegion 400 200 5 using 'detalles_region/map.html' %}
								{% endcache %}
							</td>
						</tr>
						<tr>
							<td>Imagen</td>
							<td>
								{% if DetalleRegion.especie.imagen.imagen %}
									<img class="mugshot" src="/media/{{ DetalleRegion.especie.imagen.imagen }}"  />

								{% endif %}   

							</td>
						</tr>
						<tr>
							<td>Estado de Conservación</td>
							<td>{{DetalleRegion.estado}}</td>
						</tr>
						
						
						<tr>
							<td>Coordenadas</td>
							<td> <ul>
								{% for coords in DetalleRegion.coordenadas.all %}
							<li>{{coords}}, en grados({{coords.get_latitud}},{{coords.get_longitud}})</li>
								{% endfor%}
								</ul>
							</td>
						</tr>
						
						
						</tbody>
						</table>



    
<!--	
			<div>
				{% for detalle in DetalleRegion.en_detalle_html %}
					{% if detalle %}
						<p>{{detalle}}</p>
					{% endif %}
				{% endfor%}
				
				{% if DetalleRegion.coordenadas.all %}Coordenadas: <ul>
					{% for coords in DetalleRegion.coordenadas.all %}
							<li>{{coords}}, en grados({{coords.get_latitud}},{{coords.get_longitud}})</li>
					{% endfor%}
					</ul>
					
				{% endif %}
				
			<div id="the_map"></div>
			
			
		{% load dajaxice_templatetags %}
			{% dajaxice_js_import %}
			<script type='text/javascript' src='/static/js/js.dajax.core.js'></script>
			<script type='text/javascript' src='/static/detalles_region/mapas.js'></script>
			<script type='text/javascript' src='/static/detalles_region/gmaps.js'></script>
         
          
          </div>
          
 -->


{% endblock contenido %}
				